html {
  position: relative;
  min-height: 100%;
}

body {
    padding-top: 50px;
      /* Margin bottom by footer height */
    margin-bottom: 70px;
    background-color: #eee;
}


/* 右上角按钮
-------------------------------------------------- */

#btn-wirte{
	display: none;
}
#btn-user{
	display: none;
}

#btn-corner{	
	margin: 0;
    position: absolute;
	right: 30px;
}



@media(max-width:768px) { 
    #btn-corner {
        position: absolute;
        top:0px;
        right: 10px;
} }

/* MENU
-------------------------------------------------- */
.navbar-toggle {
  position: relative;
  float: left;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}





/* Sticky footer styles
-------------------------------------------------- */
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 30px;
  text-align: center;
  background-color: #f5f5f5;
}

#footer{
	margin: 5px;
}
.title-box{
	margin-top: 30px;
    margin-bottom: 70px;
}
#title-textarea{
	height: 45px;
}


.title{
	width:20%;
	font-size: x-large;
	color: #666666;
}
 .title-input{
 	width: 80%;
 	display:inline;
 	float:left; 

 }
 
 #message-box1{
 	display:none;
 	float:left; 
 	width: 20%;
 	height:45px;
 	padding-top:11px;
 }
 
 #editor{
 	 background-color: #FFFFFF;
 }
 
 
 #btn-tag{
 	width: 50%;
 }
 
 #btn-submit{
    width:50%;
  }
  

 .modal-content{
    width:50%;
    margin-left:25%;
    margin-top:30%;
 }
 
 #tag-textarea{
     height:40px;
 }
 
 #message-box2{
    display:none;
    height:40px;
    margin-top:10px;
    padding-top:10px;
 }


















